<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
    <title>API Router</title>
</head>

<body>
    <div>
        <h1>什么是API Router</h1>
        <p>API Routers 可以理解为接口，客户端向服务端发生请求获取数据的接口</p>
        <p>Next.js 应用允许 React 开发者编写服务器端代码创建数据接口</p>
    </div>
    <div>
        <h1>如何实现 API Routers</h1>
        <p>1.在pages/api文件夹中创建API Routers 文件，比如user.js</p>
        <p>2.在文件夹默认导出请求处理函数，函数有两个参数，req为请求对象,res为响应对象</p>
        <p>3.访问API Routers : localhost:3000/api/user</p>
        <p>不要在getStaticPaths或getStaticProps函数中访问API Routers,因为这两个函数就是在服务端运行的，可以直接写服务器代码</p>
        <p>注：当前API Routers 可以接收任何Http 请求方法</p>
    </div>
</body>

<script>
    export default function (req, res) {
        res.status(200).send({
            id: 1,
            name: "Tom"
        })
    }
</script>

</html>